html,body{
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
header{
    background: #ea523c;
    width:100%;
    .px2rem(height,102);
    display: flex;
    justify-content: space-between;
    .px2rem(font-size,38);
    .px2rem(line-height,102);
    color: #FFF;
    .font_bold{
        font-weight: bolder;
    }
    .distance_left{
        padding-left:10px ;
        display: flex;
        p{
            img{
                .px2rem(width,18);
                .px2rem(height,30);
                padding-right: 6px;
            }
        }
        span{
            a{
                .px2rem(font-size,36);
                color: #FFF;
            }
        }
    }
    .distance_right{
        padding-right:60px ;
    }
}
.main_box{
    .center{
        text-align: center;
        .px2rem(font-size,34);
        .px2rem(padding-top,50);
        .px2rem(padding-bottom,74);
        color: #888888;
    }
    input{
        .px2rem(font-size,35);
        width: 100%;
        .px2rem(height,125);
        border:none;
        .px2rem(padding-left,20);
        .px2rem(margin-bottom,343);
    }
    .middle{
        width:100%;
        display: flex;
        justify-content: center;
        button{
            .px2rem(width,466);
            .px2rem(height,120);
            .px2rem(line-height,120);
            border: none;
            background: #d9d9d9;
            .px2rem(border-radius,243);
            .px2rem(font-size,38);
            a{
                color: #a1a1a1;
            }
            a:active{
                text-decoration: none;
            }
        }
    }
    .underline{
        width: 100%;
        text-align: center;
        .px2rem(padding-top,74);
        .px2rem(font-size,25);
        text-decoration: underline;
        color:#aeaeae;
        display: block;
    }
}
